<script type="text/javascript">
	$( 'form' ).submit(function() {
        if($('input:checked').length>0){
			if($('input:checked').length<4){
	            return true;
			}
			else{
				alert("Puede elegir tres productos máximo.");	
			}
        }
        else{
            alert("Debe elegir al menos un producto.");
            return false;
        }
    });
	
	function countChecked() {
	seleccionados = "";
	$("input:checked").each(function (i) {
		seleccionados = seleccionados + this.id + ";";
    });
	$('#formularios').attr('value', seleccionados);
	}
	
	$(":checkbox").click(countChecked);
</script>

<form id="lista-formularios" action="persona/solicitud" method="post">
	{% csrf_token %}
    <div style="text-align:left;">
    <table class="table table-bordered table-striped table-highlight">
        <thead>
        <tr>
            <th width="5%"></th>
            <th width="30%">Producto</th>
            <th width="25%">Entidad</th>
            <th width="40%">Descripción</th>
        </tr>
        </thead>
        <tbody>
    {% for formulario in formularios %}
        <tr class="{% cycle '' 'odd' %}">
            <td><input type="checkbox" id="{{formulario.id}}" name="{{formularios.id}}" value="true"/></td>
            <td>{{ formulario.titulo }}</td>
            <td>{{ formulario.empresa.first_name }}</td>
            <td>{{ formulario.descripcion }}</td>
        </tr>
    {% endfor %}
        </tbody>
    </table>
    </div>
    <div id="nav-resultados">
    	<input type="hidden" name="formularios" id="formularios" value=""/>
        <input type="submit" value="Aplicar" class="btn btn-primary btn-large"/>
    </div>
</form>